﻿@{
    ViewBag.Title = "Product Video";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script>
    $(document).ready(function() {
        $("#lstProductSearch").css("height", $(window).height() - 260);
        $("#fr-addvideo").css("height", $(window).height() - 170);
    })
</script>
<div class="container-fluid">
    <div class="box">
        <div class="box-title" style="padding: 20px 0 1px 0; margin-bottom: 20px">
            <h3>Product Videos</h3>
        </div>
        <div class="row-fluid">
            <div class="span5 fieldset">
                <div class="legend"><span>Search Products</span></div>
                <form action="/products/SearchProduct" method="POST" id="frProductSearch" class="margin0">
                    <div class="row-fluid">
                        <div class="span3">Select Store</div>
                        <div class="span9">
                            @Html.DropDownList("StoreID", null, new{@class = "input-block-level"})
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span5">
                            <input type="button" class="btn btn-primary" value="All product with video" id="btnallproductwvideo" />
                        </div>
                        <div class="span2">
                            <input type="submit" class="btn btn-primary" value="Go" style="width: 100%" />
                        </div>
                        <div class="span5">
                            <input type="text" class="input-block-level" name="productname" placeholder="Product name..." />
                        </div>
                    </div>
                </form>
                <div class="row-fluid">
                    <select class="input-block-level" multiple="multiple" style="height: 250px" id="lstProductSearch" onchange="productchange(this.value)"></select>
                </div>
            </div>
            <div class="span7 fieldset">
                <div class="legend">
                    <span>Video Detail</span>
                </div>
                <form action="/products/store" method="POST" class="margin0" id="fr-addvideo">
                    <input type="hidden" name="videotypeid" value="2" />
                    <input type="hidden" name="productid" id="hfproductid" value="0" />
                    <div class="row-fluid">
                        <div class="span2">Title</div>
                        <div class="span10">
                            <input type="text" class="input-block-level" name="Title" required="required" />
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span2">Url</div>
                        <div class="span10">
                            <input type="text" class="input-block-level" name="url" required="required" />
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span2">Caption</div>
                        <div class="span10">
                            <textarea class="input-block-level" name="caption" rows="3"></textarea>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span2">Embed code</div>
                        <div class="span10">
                            <textarea class="input-block-level" name="embedcode" rows="4"></textarea>
                        </div>
                    </div>
                    <div class="row-fluid text-right">
                        <input type="submit" class="btn btn-primary w100" value="Save" />
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
